<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="templates/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="tituloPagina">Vacaciones</ui:define>

    <ui:define name="opciones">
        <h:form prependId="false">
            <p:menu style="width: 96%;margin-top: 10px">
                <p:submenu label="Vacaciones">
                    <p:menuitem value="Listado de Evaluaciones" icon="ui-tabla"
                                update=":cuerpo">
                        <f:setPropertyActionListener value="1"
                                                     target="#{controladorVacaciones.strOpcion}" />
                        <p:resetInput target=":cuerpo" />
                    </p:menuitem>

                </p:submenu>
            </p:menu>
        </h:form>

    </ui:define>

    <ui:define name="contenido">
        <p:growl id="groMensajes" autoUpdate="true" showDetail="true" />
        <h:panelGroup id="cuerpo">
            <h:form>
                <h:panelGrid width="100%"
                             rendered="#{controladorEvaluacion.strOpcion == 1}">
                    <p:dataTable value="#{controladorEvaluacion.lisperiodos}"
                                 var="tabla" rows="5" paginator="true"
                                 paginatorAlwaysVisible="false"
                                 emptyMessage="No tiene evaluaciones"
                                 selection="#{controladorEvaluacion.objperiodo}"
                                 selectionMode="single" rowKey="#{tabla[0]}">
                        <f:facet name="header">
                            Listado de Evaluaciones
                        </f:facet>
                        <p:ajax event="rowSelect"
                                listener="#{controladorEvaluacion.seleccionarPeriodo}"
                                update=":cuerpo" />
                        <p:column headerText="FECHA DESDE">
                            <h:outputText value="#{tabla[3]}">
                                <f:convertDateTime type="date" dateStyle="short" />
                            </h:outputText>
                        </p:column>
                        <p:column headerText="FECHA HASTA">
                            <h:outputText value="#{tabla[4]}">
                                <f:convertDateTime type="date" dateStyle="short" />
                            </h:outputText>
                        </p:column>
                        <p:column headerText="TÍTULO PROFESIONAL">
                            <h:outputText value="#{tabla[5]}" />
                        </p:column>

                        <f:facet name="footer">
                            <p:commandButton id="btver" value="Ver Reporte"
                                             disabled="#{controladorEvaluacion.objperiodo==null}"
                                             icon="ui-icon-search" oncomplete="window.open('#{controladorEvaluacion.strPathReporte}');"
                                             action="#{controladorEvaluacion.visualizarReporte}"
                                             update="@form" />
                        </f:facet>

                    </p:dataTable>

                    <p:dataTable value="#{controladorEvaluacion.lisevaluadores}"
                                 var="tabla" rows="5" paginator="true"
                                 paginatorAlwaysVisible="false"
                                 emptyMessage="No tiene evaluaciones"
                                 selection="#{controladorEvaluacion.objevaluador}"
                                 selectionMode="single" rowKey="#{tabla[0]}">
                        <f:facet name="header">
                            Evaluadores
                        </f:facet>

                        <p:ajax event="rowSelect"
                                listener="#{controladorEvaluacion.seleccionarEvaluador}"
                                update=":cuerpo" />
                        <p:column headerText="NOMBRE DEL EVALUADOR">
                            <h:outputText value="#{tabla[1]}" />
                        </p:column>
                        <p:column headerText="FECHA">
                            <h:outputText value="#{tabla[2]}">
                                <f:convertDateTime type="date" dateStyle="short" />
                            </h:outputText>
                        </p:column>
                        <p:column headerText="PESO">
                            <h:outputText value="#{tabla[3]}" />
                        </p:column>
                        <p:column headerText="FECHA EVALUACIÓN">
                            <h:outputText value="#{tabla[4]}">
                                <f:convertDateTime type="date" dateStyle="short" />
                            </h:outputText>
                        </p:column>
                    </p:dataTable>




                    <p:dataTable value="#{controladorEvaluacion.lisresultado}"
                                 var="tabla" rows="5" paginator="true"
                                 paginatorAlwaysVisible="false"
                                 emptyMessage="No tiene evaluaciones">
                        <f:facet name="header">
                            Resultados
                        </f:facet>

                        <p:column headerText="NOMBRE DEL EVALUADOR">
                            <h:outputText value="#{tabla[1]}" />
                        </p:column>

                        <p:column headerText="RESULTADO">
                            <h:outputText value="#{tabla[2]}" />
                        </p:column>
                        <p:column headerText="PESO FACTOR">
                            <h:outputText value="#{tabla[3]}" />
                        </p:column>

                    </p:dataTable>
                </h:panelGrid>

            </h:form>
        </h:panelGroup>
    </ui:define>
</ui:composition>

